<template>
	<div class="popup-box">
		<img :src="closeIcon" class="close-icon" @click="closeModal"/>
    <div class="popup-content"> 
      <button>下一步</button>
      <p>测试测试测试</p>
    </div>
	</div>
</template>

<script>
import closeIcon from '@/assets/images/close-black.png'
export default {
	name: 'PopupBox',
	components: {
	},
	data() {
		return {
			closeIcon
		}
	},
	computed: {
		
	},
	created() {
		
	},
	methods: {
		closeModal() {
			this.$emit('closeModal')
		},
	}
}
</script>

<style lang="scss" scoped>
.popup-box{
	position: absolute;
  bottom: 100px;
  left: 24px;
  right: 24px;
  background: red;
  border-radius: 20px 20px 0 0;
  padding: 20px;
  .close-icon{
    position: absolute;
    right: 24px;
    top: 24px;
    width: 32px;
  }
  .popup-content{
    padding: 20px;
    border-radius: 20px 20px 0 0;
    background-color: white;
  }
}
</style>